Documentation

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
  • invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  • At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hintergrund - background

.btn .btn--bg-bgcolor
Standardhintergrundfarbe.
.btn .btn--bg-bgcolor2
Leichtere Hintergrundfarbe.
.btn .btn--bg-hicolor
Hervorgehobene Hintergrundfarbe.
.btn .btn--bg-locolor
Niedrigere Hintergrundfarbe.
.btn .btn--bg-transparent
Transparenter Hintergrund.
.btn .btn--bg-linear
Gradient loimear Hintergrund.
.btn .btn--bg-radial
gradient radial Hintergrund

Text Farbe - text color

.btn .btn--t-color
Standard Textfarbe.
.btn .btn--t-hicolor
Hervorgehobene Textfarbe.
.btn .btn--t-bgcolor
Textfarbe passend zum Hintergrund.
.btn .btn--t-locolor
Niedrige Intensität der Textfarbe.
.btn .btn--t-linkcolor
Textfarbe für Links.

Textgrößenklassen - font-size

.btn .btn--t-xsmall
Sehr kleine Textgröße.
.btn .btn--t-small
Kleine Textgröße.
.btn .btn--t-medium
Mittlere Textgröße.
.btn .btn--t-large
Große Textgröße.
.btn .btn--t-xlarge
Sehr große Textgröße.

Textgewichtsklassen - font-weight

.btn .btn--t-normal
Normales Textgewicht.
.btn .btn--t-bold
Fettgedruckter Text.

Texttransformationsklassen - text-transform

.btn .btn--t-uppercase
Text in Großbuchstaben.
.btn .btn--t-lowercase
Text in Kleinbuchstaben.
.btn .btn--t-capitalize
Jedes Wort beginnt mit einem Großbuchstaben.

Textdekorationsklassen - text-decoration

.btn .btn--t-underline
Unterstrichener Text.
.btn .btn--t-line-through
Durchgestrichener Text.
Sprache ändern